<template>
	<div>
        <CommodityDetailinfo :goodsdata='goodsdata'></CommodityDetailinfo>
	</div>

</template>

<script>
import CommodityDetailinfo from '../../../real-components/CommodityDetailinfo'
import {mapGetters} from "vuex";
import {getPageTree, initDomTree} from "../../../utils/getPageTree";
export default {
  	props: ['goodsdata'],
  	data () {
    	return {
			//  page: "CommodityDetail",
		}
	},
	computed: {
		...mapGetters([
			"getDomTree"
		]),
		pageTree () {
			return getPageTree(this, this.page);
		}
	},
	components: {
        "CommodityDetailinfo": CommodityDetailinfo,
    },
    methods: {
        
    },
	created () {

	},
	mounted () {
		// initDomTree(this.getDomTree[this.page]);
		
	},
	updated() {
		//页面更新完毕
		// initDomTree(this.getDomTree[this.page]);
	}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.box {
		/* display: flex; */
	}
	.style-components {
		display: flex;
		flex-flow: column nowrap;
	}
	.container {
		width: 800px;
		height: 300px;
		border: 1px solid red;

	}
</style>
